<template>
  <div class="footer-main-div">
    <hr>
    <div>
      <div class="footer-main-right">
        <span style="font-size:35px">晓 山 青</span>
        <br>
        <span style="font-size:25px">&nbsp;&nbsp;&nbsp;咖啡店</span>
      </div>

      <div class="footer-main-mid">
        <span style="font-size:25px">联系方式</span>
        <br>
        <span>加入我们，</span>
        <span>了解我们的新闻和新咖啡的预览</span>
        <br>
        <el-input v-model="input" placeholder="请输入您的邮箱" style="width: 400px;" suffix-icon="el-icon-s-promotion"></el-input>
      </div>

      <div class="footer-main-left">

      </div>
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return{
      input:'',
    }
  }
}
</script>

<style lang="less" scoped>
  .footer-main-div{
    margin: 0px;
    padding: 0px;
    border: none;
    width: 100%;
    height: 250px;
    padding: 0px;
    line-height: 50px;
    text-align: left;
  }

  hr{
    margin-left:2.5%;
    width: 95%;
  }

  .footer-main-mid{
    margin-top: 2%;
  }

  .footer-main-right{
    margin-top: 3%;
    margin-left: 15%;

  }

  .footer-main-left{

  }
</style>